.drawer {
    position: fixed;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background: #00000030;
    z-index: 999;

    &:global(.active) {
        left: 0;

        > .drawer__wrap {
            right: 0;
        }
    }

    > .drawer__wrap {
        position: fixed;
        right: calc(var(--container-width) * -1px);
        top: 0;
        height: 100%;
        background: white;
        transition: right 0.5s ease;
    }
}
